<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ include file="/WEB-INF/component/commonTagLib.jsp" %> 
    <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>招标项目管理时间段查看</title>
<%@ include file="/WEB-INF/component/commonCSS.jsp" %> 



<style type="text/css"> 

/* 外框 */
 .outline{ position:relative;height:1013px;
background:url('${ctx}/lib/img/timerbackground.png') no-repeat fixed right;
 } 


/* 左边时间轴 */  
.left{ position:absolute;width:585px;height:1013px; 
left:50px; background-image:url('${ctx}/lib/img/timershaft.png');} 



/* 项目开始时间  */ 
.left-a1{ position:absolute;left:150px;top:31px;}
.left-a2{ position:absolute;left:128px;top:53px;}

/* 企业资质审核开始时间 */ 
.left-b1{ position:absolute;left:334px;top:78px;}
.left-b2{ position:absolute;left:338px;top:100px;}

/* 企业资质审核结束时间 */ 
.left-b3{ position:absolute;left:130px;top:126px;}
.left-b4{ position:absolute;left:132px;top:148px;}

/* 企业资质审核结果公示开始时间 */ 
.left-c1{ position:absolute;left:310px;top:173px;}
.left-c2{ position:absolute;left:336px;top:196px;}

/* 企业资质审核结果公示结束时间 */ 
.left-c3{ position:absolute;left:110px;top:221px;}
.left-c4{ position:absolute;left:135px;top:244px;}

/* 模拟报价开启时间 */ 
.left-d1{ position:absolute;left:345px;top:269px;}
.left-d2{ position:absolute;left:336px;top:292px;}

/* 模拟报价结束时间 */ 
.left-d3{ position:absolute;left:135px;top:316px;}
.left-d4{ position:absolute;left:128px;top:341px;}

/* 报价开始时间 */ 
.left-e1{ position:absolute;left:358px;top:365px;}
.left-e2{ position:absolute;left:336px;top:388px;}

/* 报价结束时间 */ 
.left-e3{ position:absolute;left:150px;top:413px;}
.left-e4{ position:absolute;left:128px;top:437px;}

/* 报价解密开始时间 */ 
.left-f1{ position:absolute;left:345px;top:461px;}
.left-f2{ position:absolute;left:336px;top:485px;}

/* 报价解密结束时间 */ 
.left-f3{ position:absolute;left:135px;top:509px;}
.left-f4{ position:absolute;left:128px;top:533px;}

/* 打分开始时间 */ 
.left-g1{ position:absolute;left:358px;top:558px;}
.left-g2{ position:absolute;left:336px;top:581px;}

/* 打分结束时间 */ 
.left-g3{ position:absolute;left:150px;top:604px;}
.left-g4{ position:absolute;left:128px;top:629px;}

/*  拟中标结果公示开始时间*/ 
.left-h1{ position:absolute;left:336px;top:653px;}
.left-h2{ position:absolute;left:344px;top:677px;}

/* 拟中标结果公示结束时间 */ 
.left-h3{ position:absolute;left:130px;top:701px;}
.left-h4{ position:absolute;left:138px;top:724px;}

/* 申投诉开始时间 */ 
.left-i1{ position:absolute;left:358px;top:751px;}
.left-i2{ position:absolute;left:336px;top:773px;}

/*申投诉结束时间 */ 
.left-i3{ position:absolute;left:150px;top:799px;}
.left-i4{ position:absolute;left:128px;top:821px;}

/* 中标结果公示开始时间*/ 
.left-j1{ position:absolute;left:336px;top:844px;}
.left-j2{ position:absolute;left:340px;top:868px;}

/* 中标结果公示结束时间 */ 
.left-j3{ position:absolute;left:130px;top:894px;}
.left-j4{ position:absolute;left:134px;top:916px;}

/* 项目结束时间 */ 
.left-a3{ position:absolute;left:358px;top:943px;}
.left-a4{ position:absolute;left:336px;top:965px;} 

/* 运行标示图片 */
.left1{position:absolute;width:18px;height:16px; 
left:284px;top:43px;background-image:url('${ctx}/lib/img/timer.png');}
.left2{position:absolute;width:18px;height:16px; 
left:284px;top:90px;background-image:url('${ctx}/lib/img/timer.png');}
.left3{position:absolute;width:18px;height:16px; 
left:284px;top:137px;background-image:url('${ctx}/lib/img/timer.png');}
.left4{position:absolute;width:18px;height:16px; 
left:284px;top:186px;background-image:url('${ctx}/lib/img/timer.png');}
.left5{position:absolute;width:18px;height:16px; 
left:284px;top:234px;background-image:url('${ctx}/lib/img/timer.png');}
.left6{position:absolute;width:18px;height:16px; 
left:284px;top:283px;background-image:url('${ctx}/lib/img/timer.png');}
.left7{position:absolute;width:18px;height:16px; 
left:284px;top:331px;background-image:url('${ctx}/lib/img/timer.png');}
.left8{position:absolute;width:18px;height:16px; 
left:284px;top:379px;background-image:url('${ctx}/lib/img/timer.png');}
.left9{position:absolute;width:18px;height:16px; 
left:284px;top:427px;background-image:url('${ctx}/lib/img/timer.png');}
.left10{position:absolute;width:18px;height:16px; 
left:284px;top:475px;background-image:url('${ctx}/lib/img/timer.png');}
.left11{position:absolute;width:18px;height:16px; 
left:284px;top:523px;background-image:url('${ctx}/lib/img/timer.png');}
.left12{position:absolute;width:18px;height:16px; 
left:284px;top:571px;background-image:url('${ctx}/lib/img/timer.png');}
.left13{position:absolute;width:18px;height:16px; 
left:284px;top:618px;background-image:url('${ctx}/lib/img/timer.png');}
.left14{position:absolute;width:18px;height:16px; 
left:284px;top:665px;background-image:url('${ctx}/lib/img/timer.png');}
.left15{position:absolute;width:18px;height:16px; 
left:284px;top:714px;background-image:url('${ctx}/lib/img/timer.png');}
.left16{position:absolute;width:18px;height:16px; 
left:284px;top:762px;background-image:url('${ctx}/lib/img/timer.png');}
.left17{position:absolute;width:18px;height:16px; 
left:284px;top:810px;background-image:url('${ctx}/lib/img/timer.png');}
.left18{position:absolute;width:18px;height:16px; 
left:284px;top:857px;background-image:url('${ctx}/lib/img/timer.png');}
.left19{position:absolute;width:18px;height:16px; 
left:284px;top:907px;background-image:url('${ctx}/lib/img/timer.png');}
.left20{position:absolute;width:18px;height:16px; 
left:284px;top:955px;background-image:url('${ctx}/lib/img/timer.png');}


</style> 

</head>
<body class="skin-blue-light sidebar-mini fixed skin-blue-light-frame">
    
    <section class="content-header">
        <h1>招标项目时间段查看</h1>
         <ol class="breadcrumb">
            <li><a href="${ctx}/home.jsp"><i class="fa fa-home"></i>首页</a></li>
            <li class="active"><a href="#">招标采购管理</a></li>
            <li class="active"><a href="#">招标项目管理</a></li>
        </ol> 
    </section>
    <section class="content">
        <div class=" box box-success ">
         <div class="box-body">
            <form id="form" class="form-horizontal"> 
            <input type="hidden" name=projId value="${form.projId}" />
            
	           <div class="form-group form-group-xs group-info">
	                 <label for="inputTextAlter1" class="col-sm-2 text-right">项目编号：</label>
	                 <div class="col-sm-4 text-left" >${form.projCode}</div>
	                 <label for="inputTextAlter2" class="col-sm-2 text-right">项目名称：</label>
	                 <div id="name" class="col-sm-4 text-left">${form.name}</div>
	            </div>
	            
	            <div class="form-group form-group-xs group-info">
	                 <label for="inputTextAlter1" class="col-sm-2 text-right">项目简介：</label>
	                 <div class="col-sm-4 text-left" >${form.projIntro}</div>
	                 <label for="inputTextAlter1" class="col-sm-2 text-right">备注：</label>
	                 <div class="col-sm-4 text-left" >${form.remark}</div>
	            </div>
	            
	            <div class="form-group form-group-xs group-info">
	                 <label for="inputTextAlter1" class="col-sm-2 text-right">类型：</label>
	                 <div class="col-sm-4 text-left" >${form.projCat}</div>
	                 <label for="inputTextAlter1" class="col-sm-2 text-right">状态：</label>
	                 <div class="col-sm-4 text-left" >${fn:length(form)>1?data.get(1).status==1?"启用":"启用":''}</div>
	            </div>
	         </form>
	      </div>
	    </div>
</section>
    
    <section class="content">
        <div class=" box box-success">
            <div class="box-header"></div>
            <!-- form start -->
            <form role="form" class="form-horizontal"  method="post">
                
                <div class="box-body">
                     <div class="outline"> 
                        <div class="left" >
                            <div class="left-a1">项目开始时间</div> 
                            <div class="left-a2">${form.projStarttime }</div> 
                            
                            <div class="left-a3">项目结束时间</div> 
                            <div class="left-a4">${form.projEndtime }</div> 
                            
                            <div class="left-b1">企业资质审核开始时间</div> 
                            <div class="left-b2">${form.proAuditStarttime }</div> 
                            
                            <div class="left-b3">企业资质审核结束时间</div> 
                            <div class="left-b4">${form.proAuditEndtime }</div> 
                            
                            <div class="left-c1">企业资质审核结果公示开始时间</div> 
                            <div class="left-c2">${form.proAuditPubStarttime }</div> 
                            
                            <div class="left-c3">企业资质审核结果公示结束时间</div> 
                            <div class="left-c4">${form.proAuditPubEndtime }</div> 
                            
                            <div class="left-d1">模拟报价开启时间</div> 
                            <div class="left-d2">${form.priceQuoteSimuStarttime }</div> 
                            
                            <div class="left-d3">模拟报价结束时间</div> 
                            <div class="left-d4">${form.priceQuoteSimuEndtime }</div> 
                            
                            <div class="left-e1">报价开始时间</div> 
                            <div class="left-e2">${form.priceQuoteStarttime }</div> 
                            
                            <div class="left-e3">报价结束时间</div> 
                            <div class="left-e4">${form.priceQuoteEndtime }</div> 
                            
                            <div class="left-f1">报价解密开始时间</div> 
                            <div class="left-f2">${form.priceQuoteDecodeStarttime }</div> 
                            
                            <div class="left-f3">报价解密结束时间</div> 
                            <div class="left-f4">${form.priceQuoteDecodeEndtime }</div> 
                            
                            <div class="left-g1">打分开始时间</div> 
                            <div class="left-g2">${form.priceGradeStarttime }</div> 
                            
                            <div class="left-g3">打分结束时间</div> 
                            <div class="left-g4">${form.priceGradeEndtime }</div> 
                            
                            <div class="left-h1">拟中标结果公示开始时间</div> 
                            <div class="left-h2">${form.semiWinPubStarttime }</div> 
                            
                            <div class="left-h3">拟中标结果公示结束时间</div> 
                            <div class="left-h4">${form.semiWinPubEndtime }</div> 
                            
                            <div class="left-i1">申投诉开始时间</div> 
                            <div class="left-i2">${form.appealStarttime }</div> 
                            
                            <div class="left-i3">申投诉结束时间</div> 
                            <div class="left-i4">${form.appealEndtime }</div> 
                            
                            <div class="left-j1">中标结果公示开始时间</div> 
                            <div class="left-j2">${form.winPubStarttime }</div> 
                            
                            <div class="left-j3">中标结果公示结束时间</div> 
                            <div class="left-j4">${form.winPubEndtime }</div> 
                            
                            <!-- 项目开始时间  -->
                           <c:if test="${ form.projStarttime <= date  }">
                                <div class="left1" > </div>
                           </c:if>
                            
                            <!-- 企业资质审核开始时间 -->
                            <c:if test="${ form.proAuditStarttime <= date  }">
                                <div class="left2" > </div>
                           </c:if>
                           
                           <!-- 企业资质审核结束时间 -->
                           <c:if test="${ form.proAuditEndtime <= date }">
                                <div class="left3" > </div>
                           </c:if>
                           
                           <!-- 企业资质审核结果公示开始时间 -->
                           <c:if test="${ form.proAuditPubStarttime <= date }">
                                <div class="left4" > </div>
                           </c:if>
                           
                           <!-- 企业资质审核结果公示结束时间 -->
                           <c:if test="${ form.proAuditPubEndtime <= date }">
                                <div class="left5" > </div>
                           </c:if>
                           
                           <!-- 模拟报价开启时间 -->
                           <c:if test="${ form.priceQuoteSimuStarttime <= date }">
                                <div class="left6" > </div>
                           </c:if>
                           
                           <!-- 模拟报价结束时间 -->
                           <c:if test="${ form.priceQuoteSimuEndtime <= date }">
                                <div class="left7" > </div>
                           </c:if> 
                           
                           <!-- 报价开始时间 -->
                           <c:if test="${ form.priceQuoteStarttime <= date }">
                                <div class="left8" > </div>
                           </c:if>
                           
                           <!-- 报价结束时间 -->
                           <c:if test="${ form.priceQuoteEndtime <= date }">
                                <div class="left9" > </div>
                           </c:if>
                           
                           <!-- 报价解密开始时间 -->
                           <c:if test="${ form.priceQuoteDecodeStarttime <= date }">
                                <div class="left10" > </div>
                           </c:if>
                           
                           <!-- 报价解密结束时间 -->
                           <c:if test="${ form.priceQuoteDecodeEndtime <= date }">
                                <div class="left11" > </div>
                           </c:if>
                           
                           <!-- 打分开始时间 -->
                           <c:if test="${ form.priceGradeStarttime <= date }">
                                <div class="left12" > </div>
                           </c:if>
                           
                           <!-- 打分结束时间 -->
                           <c:if test="${ form.priceGradeEndtime <= date }">
                                <div class="left13" > </div>
                           </c:if>
                           
                           <!--拟中标结果公示开始时间  -->
                           <c:if test="${ form.semiWinPubStarttime <= date  }">
                                <div class="left14" > </div>
                           </c:if>
                           
                           <!-- 拟中标结果公示结束时间 -->
                           <c:if test="${ form.semiWinPubEndtime <= date }">
                                <div class="left15" > </div>
                           </c:if>
                           
                           <!-- 申投诉开始时间 -->
                           <c:if test="${ form.appealStarttime <= date  }">
                                <div class="left16" > </div>
                           </c:if>
                           
                           <!-- 申投诉结束时间 -->
                           <c:if test="${ form.appealEndtime <= date }">
                                <div class="left17" > </div>
                           </c:if>
                           
                           <!-- 中标结果公示开始时间 -->
                           <c:if test="${ form.winPubStarttime <= date }">
                                <div class="left18" > </div>
                           </c:if>
                           
                            <!-- 中标结果公示结束时间 -->
                           <c:if test="${ form.winPubEndtime <= date }">
                                <div class="left19" > </div>
                           </c:if>
                           
                           <!-- 项目结束时间 -->
                           <c:if test="${ form.projEndtime <= date  }">
                                <div class="left20" > </div>
                           </c:if>
                           
                            
                           <!--  
                           <div class="left1" ></div>
                           <div class="left2" ></div>
                            <div class="left3" ></div>
                            <div class="left4" ></div>
                            <div class="left5" ></div>
                            <div class="left6" ></div>
                            <div class="left7" ></div>
                            <div class="left8" ></div>
                            <div class="left9" ></div>
                            <div class="left10" ></div>
                            <div class="left11" ></div>
                            <div class="left12" ></div>
                            <div class="left13" ></div>
                            <div class="left14" ></div>
                            <div class="left15" ></div>
                            <div class="left16" ></div>
                            <div class="left17" ></div>
                            <div class="left18" ></div>
                            <div class="left19" ></div>
                            <div class="left20" ></div> -->
                            
                        </div> 
                    </div>  
                    
                    
                </div> 
              
               <div class="box-footer text-center">
                    <a href="${ctx}/bidProject/toList.html" class="btn btn-danger btn-sm">返  回</a>
                </div>
                
            </form>
        </div>
        
 
        
    </section>
    
     <%@ include file="/WEB-INF/component/commonJS.jsp" %> 
    <script type="text/javascript">
   
    </script>

</body>
</html>